@import '../../ui/base'

.edit-signature
  display flex
  margin-left 20px
  [data-role="button"]
    background-color #3FBBF0
    min-width 54px
    width 54px
    height 20px
    font-size 12px
    transform translate(-100%, 5px)
  [data-role="input"]
    width 250px
    input
      padding-right 59px
    &::before
      background-color #3FBBF0

.header
  display flex
  justify-content space-between
  margin-bottom 30px
  padding-bottom 30px
  border-bottom 4px solid #b7c1d1

.user-name
  line-height 1

.account
  height 140px
  > a
    border-radius 3px
  > div
    margin-left 180px
    margin-top 10px
    h1
      font-weight normal
      margin 0
      color #777
      white-space nowrap

.info
  > div
    &:first-child
      margin-top 20px
    margin 15px 0
    line-height 1
    font-size 14px
    label
      color #777
    > span
      margin-left 15px

.contacts
  clear fix
  > [data-role="button"]
    float right
  > div
    margin-top 83px
    > div
      line-height 1
      display flex
      align-items center
      color #bbb
      & + div
        margin-top 15px
      span
        margin-left 5px
      i
        color #bbb

.user-name
  > div
    &:first-child
      display flex
      align-items flex-end

.descr
  display flex
  margin-left 20px
  font-size 16px
  color #bbb
  align-items center
  .edit
    margin-left 5px
    i
      color #bbb

.nav
  position absolute
  top 185px
  z-index 10

.nav-link
  align-items center
  i
    font-size 12px
    color #c7dcf3
    margin-left 25px

.body
  > div:last-child
    margin-left 180px

.report-line
  > a
    margin-right 15px
    position relative
    &::after
      content ''
      width 0
      height 0
      border-style solid
      border-width 0 4px 6px 4px
      position absolute
      right 0
      border-color transparent transparent #bbb
      right -12px
      top  5px
      transform rotate(90deg)
